<!DOCTYPE html>
<html>
<head>
	<script src="lib/easeljs-0.7.1.min.js" type="text/javascript"></script>
	<script src="lib/tweenjs-0.5.1.min.js" type="text/javascript"></script>
	<title></title>

</head>
<body>
	<canvas id = "canvas" width="600" height="500" style="border:3px solid #000"></canvas>

</body>
</html>

<script type="text/javascript">
	var stage = new createjs.Stage('canvas');
	stage.x= 100;
	stage.y=100;
	var cicle = new createjs.Shape();
	cicle.graphics.beginFill('#ff0000').drawCircle(0,0,50);
	stage.addChild(cicle);
	createjs.Tween.get(cicle,{loop:true}).wait(1000).to({scaleX:0.2,scaleY:0.2}).wait(1000).to({scaleX:1,scaleY:1},1000,createjs.Ease.bounceInOut)
	createjs.Ticker.addEventListener('tick',function () {
		stage.update()

	})
	createjs.Ticker.setFPS(60);



	</script>